import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'
import IndexPage from "@/views/IndexPage.vue"
import ButtonExamplePage from "@/views/ButtonExamplePage.vue"
import LayoutExamplePage from "@/views/LayoutExamplePage.vue"
import ContainerExamplePage from "@/views/ContainerExamplePage.vue";
import CardExamplePage from "@/views/CardExamplePage.vue";
import tableExamplePage from "@/views/TableExamplePage.vue";
import PaginationExamplePage from "@/views/PaginationExamplePage.vue";
import materialPage from "@/views/MaterialPage.vue";
import FormExamplePage from "@/views/FormExamplePage.vue";
import EchartsExamplePage from "@/views/EchartsExamplePage.vue";
import NavExamplePage from "@/views/NavExamplePage.vue";
import ProductSavePage from "@/views/ProductSavePage.vue";
Vue.use(VueRouter)


const routes = [
  {
    path: '/product',
    component: ProductSavePage

  },

    {
    path:'/nav',
    component:NavExamplePage
  },

    {
    path:'/echarts',
    component: EchartsExamplePage
  },
  {
    path:'/form',
    component: FormExamplePage

  },



    {
    path:'/material',
    component: materialPage

  },

    {
    path: '/page',
    component: PaginationExamplePage
  },

    {
    path:'/card',
    component: CardExamplePage



  },
    {
    path:'/table',
    component: tableExamplePage
  },
  {
    path:'/container',
    component: ContainerExamplePage
  },
  {
    path:'/layout',
    component: LayoutExamplePage


  },



    {
    path:'/button',
    component:ButtonExamplePage

  },



    {
    path:'/index',
    component: IndexPage
  },
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: function () {
      return import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
    }
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
